import { createStore } from 'vuex'
// 2.vuex模块化

const modulesA = {
  state: {
  },
  getters: {

  },
  mutations: {

  },
  actions: {

  }
}
// 开启命名空间
const modulesB = {
  namespaced: true,
  state: {
    username: 'modulesB'
  },
  getters: {

  },
  mutations: {
    updateName (state) {
      state.username = state.username + '1111'
    }
  },

  actions: {
    updateData (content) {
      content.commit('updateName')
    }
  }
}

export default createStore({
  state: {

  },
  getters: {

  },
  mutations: {

  },
  actions: {

  },
  modules: {
    modulesA, modulesB
  }
})

// 1.vuex基本使用
// import { createStore } from 'vuex'

// export default createStore({
//   state: {
//     username:'zs',
//   },
//   getters: {
//     newName(state){
//       return state.username+'1111'

//     }
//   },
//   mutations: {
//     updateName(state){
//       state.username='ls'
//     }
//   },
//   actions: {
//     sendFn(content){
//       setTimeout(() => {
//         content.commit('updateName')
//       }, 1000);
//     }
//   },
//   modules: {
//   }
// })
